h1 {
    font-family: 'BlackoutMidnight', sans-serif;
    font-size: 4em;
}

h1 a {
    text-decoration: none;
    display: inline-block;
    padding: 10px 33px 18px 33px;
    background-color: #03b2f3;
    color: #fff;
    text-shadow: 3px 3px 5px #1F7DA0;
}

h1 a:hover {
    background-color: #159EDE;
    color: #fff;
    text-decoration: none;
}

.elements {
    background-color: #fff;
    padding: 5px 5px;
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 10px #ddd;
    -webkit-box-shadow: 1px 1px 10px #ddd;
    box-shadow: 1px 1px 10px #ddd;
    color: #111;
    text-align: left;
    margin-top: 20px;
}

pre { 
	padding: 10px !important; 
}

hr {
	margin: 5px 0; 
}

h2 { 
	font-size: 1.4em; margin: 0; 
}

h3 { 
	font-size: 1.4em; margin: 0; 
}

/* moodular */
#moodular { 
	overflow: hidden;
}

#moodular, #moodular li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 100%; 
}

#moodular, #moodular li { 
	height: 400px; 
}
		
#moodular li p { 
	display: block; 
	height: 400px; 
}
			
#moodular li p span { 
	display: inline-block; 
	padding: 10px 10px;
	color: #FFF;
	margin: 10px; 
}

#nav_wrapper { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 80px; 
	height: 20px; 
	overflow: hidden 
}

#nav_wrapper li { 
	text-align: center; 
}

#nav_wrapper li.active { 
	color: #FFF; 
}
